<template>
  <div class="setting">
    <template v-if="tabType == 'data'">
      <div class="card">
        <div class="title">添加图片</div>
        <div class="content">
          <el-form-item label="上传图片">
            <div class="sa-flex">
              <sa-uploader v-model="settingData.data.src" fileType="image"></sa-uploader>
              <div class="tip">建议宽度：750</div>
            </div>
          </el-form-item>
          <el-form-item label="链接">
            <dc-url v-model="settingData.data.url"></dc-url>
          </el-form-item>
          <el-form-item label="标题">
            <el-input v-model="settingData.data.title"></el-input>
          </el-form-item>
        </div>
      </div>
    </template>
  </div>
</template>

<script setup>
  import dcUrl from '../../common/dc-url.vue';

  const props = defineProps(['settingData', 'tabType']);
</script>
